*{
	padding: 0;
	margin: 0;
}
//境内旅游
.domestic{
	width: 95%;
	margin: 20px auto 0px;
	text-align: center;
	font-size: 19px;
	background-color: rgb(204, 255, 255);
	border-radius: 10px;
	.domestic_h{
		height: 90px;
		background: rgba(1, 150, 235, 0.3);
		border-radius: 10px 10px 0 0;
		padding: 10px 0;
		.domestic_h1{
			font-weight:bold;
			font-size: 30px;
			color: rgba(33, 93, 215, 0.8);
			line-height: 50px;
		}
		.domestic_h2{
			font-size: 15px;
			color: rgba(33, 93, 215, 0.8);
		}
	}
	.domestic_li{
		width: 100%;
		padding: 3%;
		display: flex;
		.domestic_left{
			width: 230px;
			height: 100%;
			.domestic_img1{
				img{
					width: 100%;
					height: 100%;
				}
			}
			.domestic_img2{
				img{
					width: 100%;
					height: 100%;
				}
			}
		}
		.domestic_right{
			width: 1200px;
			height: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-evenly;
			.domestic_text{
				width: 23%;
				margin-bottom: 20px;
				border: 2px solid transparent;
				.domestic_tu{
					img{
						width: 100%;
						height: 100%;
					}
				}
				.domestic_texth{
					background-color: rgba(1, 150, 235, 0.3);
					padding: 5px;
					.domestic_texth1{
						text-align: left;
						line-height: 20px;
						text-indent: 17px;
						font-size: 0.7em;
						color: rgba(33, 93, 215, 0.8);
						display: -webkit-box;
						word-break: break-all;
						-webkit-line-clamp: 2;
						overflow: hidden;
						-webkit-box-orient: vertical;
						margin-top: -2px;
					}
					.domestic_texth2{
						text-align: left;
						color: #f00;
						font-size: 0.6em;
						.num{
							font-size: 1.5em;
						}
					}
				}
			}
			.domestic_text:hover{
				border: 2px solid rgba(33, 93, 215, 0.8);
			}
		}
	}
}
@media screen and (max-width: 850px) {
	.domestic .domestic_li .domestic_left{
		width: 40%;
	}
	.domestic .domestic_li .domestic_right .domestic_text{
		width: 190px;
	}
	.domestic_text0{
		display: none;
	}
}
//当季热推
.promotion{
	width: 95%;
	margin: 20px auto 0px;
	text-align: center;
	font-size: 19px;
	background-color: rgb(204, 255, 255);
	border-radius: 10px;
	.promotion_h{
		height: 90px;
		background: rgba(1, 150, 235, 0.3);
		border-radius: 10px 10px 0 0;
		padding: 10px 0;
		.promotion_h1{
			font-weight:bold;
			font-size: 30px;
			color: rgba(33, 93, 215, 0.8);
			line-height: 50px;
		}
		.promotion_h2{
			font-size: 15px;
			color: rgba(33, 93, 215, 0.8);
		}
	}
	.promotion_text{
		width: 100%;
		padding: 2%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		.promotion_text1{
			width: 350px;
			height: 440px;
			margin-bottom: 20px;
			background-color: rgba(1, 150, 235, 0.3);
			padding: 5px 5px 0px 5px;
			border-radius: 10px;
			.promotion_lih{
				background-image: url(../images/promotion_h.png);
				background-repeat: no-repeat;
				background-position: left center;
				background-size: 30%;
				text-indent: 30px;
				font-size: 1em;
				line-height: 50px;
				color: rgba(33, 93, 215, 0.8);
				margin-bottom: 5px;
			}
			.promotion_li{
				width: 100%;
				height: 70px;
				margin-bottom: 5px;
				border: 1px solid transparent;
				display: flex;
				.promotion_liimg{
					width: 80px;
					img{
						width: 100%;
						height: 100%;
						border-radius: 10px;
					}
				}
				.promotion_lip{
					width: 74%;
					padding: 0 5px;
					.promotion_lip1{
						display: flex;
						justify-content: space-between;
						.promotion_lip1a{
							width: 162px;
							font-size: 0.8em;
							display: -webkit-box;
							word-break: break-all;
							-webkit-line-clamp: 2;
							overflow: hidden;
							-webkit-box-orient: vertical;
							margin-top: -2px;
						}
						.promotion_lip1b{
							font-size: 0.5em;
							color: rgba(33, 93, 215, 0.8);
							.num{
								font-size: 1.9em;
							}
						}
					}
					.promotion_lip2{
						line-height: 20px;
						text-align: left;
						font-size: 0.5em;
						.num{
							color: rgba(33, 93, 215, 0.8);
						}
					}
				}
			}
			.promotion_li:hover{
				border: 1px solid rgba(33, 93, 215, 0.8);
				box-shadow: 5px 5px 10px rgba(33, 93, 215, 0.8);
				border-radius: 10px;
			}
		}
	}
}

//网红精美景点推荐
.evaluate{
	width: 95%;
	padding: 2%;
	margin: 0px auto;
	text-align: center;
	font-size: 19px;
	background-color: rgb(204, 255, 255);
	margin-top: 10px;
	border-radius: 10px;
	.evaluate_h{
		height: 75px;
		.evaluate_h1{
			font-weight:bold;
			font-size: 30px;
			color: rgba(33, 93, 215, 0.8);
			line-height: 75px;
		}
	}
	.evaluate_z{
		margin-bottom: 10px;
		background: rgb(241, 240, 245);
		.evaluate_img1{
			width: 55%;
			height: 350px;
			margin-left: 45%;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.evaluate_img2{
			margin-left: 0%;
		}
		.evaluate_text{
			width: 70%;
			height: 250px;
			margin-top: -300px;
			margin-left: 20px;
			position: absolute;
			border-radius: 20px;
			padding:20px;
			background-color: rgb(204, 255, 255);
			.evaluate_texth{
				line-height: 50px;
				font-size: 22px;
				color: rgba(33, 93, 215, 0.8);
				display: -webkit-box;
				word-break: break-all;
				-webkit-line-clamp: 1;
				overflow: hidden;
				-webkit-box-orient: vertical;
				margin-top: -2px;
			}
			.evaluate_text1 {
			    font-size: 15px;
			    color: rgba(33, 93, 215, 0.8);
			    padding: 5px 10px;
			    height: 71px;
			    display: -webkit-box;
			    word-break: break-all;
			    -webkit-line-clamp: 3;
			    overflow: hidden;
			    -webkit-box-orient: vertical;
			    margin-top: -2px;
			}
			.evaluate_textp{
				margin-top: 15px;
				line-height: 50px;
				font-size: 22px;
				color: rgba(33, 93, 215, 0.8);
				display: flex;
				.evaluate_textpimg{
					width: 5%;
					height: 5%;
					img{
						width: 100%;
						height: 100%;
						border-radius: 50%;
					}
				}
				.evaluate_textpm{
					width: 100%;
					display: flex;
					justify-content: space-between;
					.evaluate_textpm1{
						margin-left: 10px;
						height: 50px;
						display: -webkit-box;
						word-break: break-all;
						-webkit-line-clamp: 1;
						overflow: hidden;
						-webkit-box-orient: vertical;
						margin-top: -2px;
					}
					.evaluate_textpm2{
						margin-right: 10px;
						font-size: 1.5em;
						color: #f00;
						height: 50px;
						transform: rotateZ(45deg) translate(30px,-50px);
					}
				}
			}
		}
		.evaluate_text2{
			margin-left: 19%;
		}
		@media screen and (max-width: 660px) {
			.evaluate_img1{
				width: 100%;
				margin-left: 0%;
			}
			.evaluate_text{
				width: 80%;
				.evaluate_text1{
					color: rgba(33, 93, 215, 0.8);
				}
				.evaluate_text2{
					color: rgba(33, 93, 215, 0.8);
				}
			}
		}
	}
}



